<!DOCTYPE html>
<html lang="en">

<head>
    <title>挑战战局</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <script src="../../js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="../../css/public.css">
    <style>
        .register_bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: url('../../images/reg/bg.png') center no-repeat;
            background-size: 100%;
            z-index: 1;
        }

        .home_zhangdui_nav {
            overflow: hidden;
            background: #021349 url('../../images/reg/back.png') 10px center no-repeat;
            background-size: .7rem;
        }
        .guese-logo{
            margin-top: 60px;
            
        }
        
        .VIPNumber{
            width: 58%;
            margin:0 auto;
            height: 37px;
            background: url(../../images/home/bg_team_issue_warname.png) no-repeat;
            background-size: 100% 100%;
            position: relative;
        }
        .VIPNumber_p{
            text-align: center;
            color: #FFCD29;
            font-size: 0.4rem;
            line-height: 37px;
        }
        .VIPNumber_img{
            max-width: 0.4rem;
            position: absolute;
            right: 15%;
            top: 10px;
        }

        .details{
            width: 70%;
            height: 180px;
            margin:0 auto;
            background: url(../../images/home/bg_team_issue_message.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 20px;
        }
        .details ul {
            width: 100%;
            padding-top: 16px;
        }
        .details ul li{
            width: 100%;
            margin-bottom: 16px;
        }
        .left{
            width: 40%;
            display: inline-block;
            text-align: right;
            font-size: .35rem;
            color: #999BC7;
        }
        .right{
            width: 60%;
            font-size: .4rem;
            padding-left: 2%;
            color: #D0D2F7;
        }
        .money_right{
            width: 60%;
            font-size: .4rem;
            padding-left: 2%;
            color: #FFCD29;
        }

        .publish_btn{
            width: 74%;
            height: 60px;
            background: url(../../images/home/btm_home_team_challenge_room_challenge.png) no-repeat;
            background-size: 100% 100%;
            border:none;
            margin-top: 20px;
            margin-left: 13%;
            color: #1D1104;
            text-align: center;
            font-size: .45rem;
            font-weight: 600;
        }
    </style>
</head>

<body>

    <div class="register_bg">
        <div class="home_zhangdui_nav">
            <span class="goBack"></span>
            <span >挑战战局</span>
        </div>
        
        <div class="guese-logo">  
            <img src="../../images/home/bg_home_issue _ailin.png" alt="">  

        </div>
        <div class="VIPNumber">
           <p class="VIPNumber_p">VIP123456</p>
            <img src="../../images/home/icon_copy.png" class="VIPNumber_img">
        </div>
        <div class="details">
            <ul>
                <li>
                    <span class="left">参战人数:</span>
                    <span class="right">3V3</span>
                </li>
                <li>
                    <span class="left">下注金额:</span>
                    <span class="money_right">8888</span>
                </li>
                <li>
                    <span class="left">授权通道:</span>
                    <span class="right">微信</span>
                </li>
                <li>
                    <span class="left">等待时效:</span>
                    <span class="right">24小时</span>
                </li>
                <li>
                    <span class="left">游戏时间:</span>
                    <span class="right">12/20 18:30</span>
                </li>
            </ul>
        </div>
        <button class="publish_btn">挑战战局</button>
    </div>
    <script src="../../js/public.js"></script>
    <script>

    </script>
</body>

</html>